﻿<!DOCTYPE html>
<html>
<head>
    
</head>
<body>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
       

        #map-canvas {
            height: 100%;
            width: 100%;
        }
    </style>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBa4NiOsm4Dg68KEDWEZrDVpbeuYSGqx6k&sensor=false">

    </script>

    <script type="text/javascript">
        // The following example creates a marker in Stockholm, Sweden
        // using a DROP animation. Clicking on the marker will toggle
        // the animation between a BOUNCE animation and no animation.

        var stockholm = new google.maps.LatLng(20.956847, 105.7893819);
        var parliament = new google.maps.LatLng(20.957847, 105.7894819);
        var marker;
        var map;
        var image = 'support.jpg';
        var contentString = '<div id="content">' +
      '<div id="siteNotice">' +
      '</div>' +
      '<h1 id="firstHeading" class="firstHeading">Remhaithanh</h1>' +

      '</div>';
        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        function initialize() {
            var mapOptions = {
                zoom: 13,
                center: stockholm
            };

            map = new google.maps.Map(document.getElementById('map-canvas'),
          mapOptions);

            marker = new google.maps.Marker({
                map: map,
                //icon: image,
                //  draggable: true,
                animation: google.maps.Animation.DROP,
                position: parliament
            });
            google.maps.event.addListener(marker, 'click', toggleBounce);
            google.maps.event.addListener(marker, 'click', function () {
                infowindow.open(map, marker);
            });
            infowindow.open(map, marker);
        }

        function toggleBounce() {

            if (marker.getAnimation() != null) {
                marker.setAnimation(null);
            } else {
                marker.setAnimation(google.maps.Animation.BOUNCE);
            }
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>

    <div id="map-canvas"</div>
  
</body>

</html>
